<!DOCTYPE html>


<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<c:set var="ctx" value="${pageContext.request.contextPath}"/>

<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <link rel="stylesheet" type="text/css" href="${ctx}/static/js/bootstrap-3.3.5/css/bootstrap.css">
    <link rel="stylesheet" type="text/css" href="${ctx}/static/css/login.css">
    <link rel="stylesheet" href="${ctx }/static/js/plugins/layer/skin/layer.css"/>
    <!--<link rel="stylesheet" type="text/css" href="plug-in/css/default.css">
	<link rel="stylesheet" media="screen" href="plug-in/css/style.css">-->
    <!--[if lte IE 9]>
    <script type="text/javascript" src="${ctx}/static/js/bootstrap-3.3.5/respond.min.js"></script>
    <script type="text/javascript" src="${ctx}/static/js/bootstrap-3.3.5/html5shiv.min.js"></script>
    <script type="text/javascript" src="${ctx}/static/js/bootstrap-3.3.5/excanvas.compiled.js"></script>
    <![endif]-->
    <script type="text/javascript" src="${ctx}/static/js/jquery-1.11.2.min.js"></script>
    <script type="text/javascript" src="${ctx}/static/js/common.js?=2"></script>
    <script type="text/javascript" src="${ctx }/static/js/plugins/layer/layer.js"></script>
    <script type="text/javascript" src="${ctx}/static/js/bootstrap-3.3.5/bootstrap.min.js"></script>
    <script type="text/javascript" src="${ctx}/static/js/md5-min.js"></script>
    <style>
        html{
            background:#fff;
        }
        .form-group-5{
            height:auto;
            overflow: hidden;
        }
        .zhuce-btn{
            font-size:16px;
            cursor: pointer;
            float:right;
        }
        .zhuce-btn:hover{
            text-decoration: none;
        }


        .modal-footer{
            text-align: center;
        }
        .modal-footer .btn-default{
            margin-right:50px;
        }
        .zhuce-main{
            padding: 20px 60px;
        }
        #myModal .pwd-wrap .glyphicon,#myModal .user-wrap .glyphicon{
            font-size: 16px;
            color: #494949;
            top:32px;
            left:10px;
        }
        #myModal .pwd-wrap input,#myModal .user-wrap input{
            padding-left: 35px;
            height: 40px;
            width:233px;
        }
        #myModal .pwd-wrap{
            display:inline-block;
        }
        #myModal .user-wrap{
            display:inline-block;
        }
        #myModal .pwd-wrap input:focus{
            border-color: #dcdcdc;
        }
        #myModal .user-wrap input:focus{
            border-color: #dcdcdc;
        }
        .img-name{
            width:16px;
            height:16px;
            display:inline-block;
            position: absolute;
            margin-left: 10px;
            margin-top:10px;
        }
        .img-name img{
            width:100%;
        }
        #myModal .form-group label{
            margin-right:10px;
        }
        .color-red{
            color:red;
            padding-left:10px;
        }
        .dl-inc{
            margin-top: 70px;
        }
        .container-fluid .bg-header{
            background: url(/static/img/login-back.png) no-repeat 0 0;
            background-size: cover;
        }
        .container-fluid .login-wrap .login-main .login-form{
            background-color: rgba(254, 254, 254, 0.3);
            border-color:transparent;
            border-radius: 0px;
            box-shadow: 0px 0px 15px #c1c1c1;
            padding: 55px 90px 0;
        }
        .container-fluid .login-wrap .login-main .login-form .form-main .form-group-4 .btn{
            background: #14a084;
            border-color: #14a084;
        }
        .container-fluid .login-wrap .login-main .login-form .form-main .form-group-4 .btn:hover{
            color: #fff;
            background-color: #15927b;
        }
        .container-fluid .login-wrap .login-main .login-form .form-main .form-group-1 .user-wrap .user{
            background-color: rgba(255, 255, 255, 1);
            color:#333;
            border:hidden;
        }
        .container-fluid .login-wrap .login-main .login-form .form-main .form-group-1 .user-wrap input::-webkit-input-placeholder{
            color:red;
        }
        .container-fluid .login-wrap .login-main .login-form .form-main .form-group-1 .user-wrap .icon-user{
            color: #CCC;
        }
        .container-fluid .login-wrap .login-main .login-form .form-main .form-group-2 .pwd-wrap .icon-pwd{
            color: #CCC;
        }
        .container-fluid .login-wrap .login-main .login-form .form-main .form-group-2 .pwd-wrap .pwd{
            background-color: rgba(255, 255, 255, 1);
            color: #333;
            border:hidden;
        }
        .container-fluid .login-wrap .login-main .login-form .form-main .form-group-4 .btn{
            margin: 50px 0 50px 0;
        }
        .container-fluid .login-wrap .login-main .login-form .form-main .form-group-1 .user-wrap .line{
            border-left: 1px solid #eee;
            top: 1px;
        }
        .container-fluid .login-wrap .login-main .login-form .form-main .form-group-2 .pwd-wrap .line{
            border-left: 1px solid #eee;
            top: 1px;
        }
        .container-fluid .bg-header{
            height: 480px;
        }
        .container-fluid .login-wrap .login-main{
            margin: 80px auto 0;
            background-color: transparent;
        }
        .container-fluid .login-wrap .login-footer{
            padding-bottom: 0px;
        }
        .container-fluid .login-wrap .login-footer .dl-logo{
            margin-top: 40px;
        }
        .logo-footer{
            margin-top:40px;
        }
        .logo-footer p:first-child{
            margin-bottom:0px;
        }
        .logo-footer p i{
            font-style: normal;
            font-size:26px;
            line-height: 30px;
            /*font-family: "Frission";*/
            /*font-size:37px;*/
        }
        .logo-footer p:nth-of-type(2){
            font-style: normal;
            font-size:14px;
            color:#666;
            /*font-family: "Frission";*/
        }
        @media screen and (max-width:1439px){
            .container-fluid .bg-header {
                height: 450px;
            }
            .container-fluid .login-wrap .login-main {
                margin: 40px auto 0;
                background-color: transparent;
            }
            .container-fluid .login-wrap .login-main .login-form{
                padding: 35px 85px 0;
            }
            .container-fluid .login-wrap .login-main .login-form .form-main .form-group-4 .btn {
                margin: 30px 0 50px 0;
            }
            .form-group {
                margin-bottom: 8px;
            }
        }
    </style>



    <script>
        $(function () {
            if ('${username}' != '') {
                $('#rememberMe').attr('checked', 'checked');
            }
            $("#divsysname").html((getQueryStringRegExp_decodeURI("sysname")));
        })

        function login() {
            $.ajax({
                //cache: true,
                type: "POST",
                url: '/user/login',
                data: $('#loginForm').serialize(),
                dataType: 'json',
                //async: false,
                success: function (data) {
                    if (data.success == true) {
                        window.location.href = data.url;
                    } else {
                        layerInfo(data.msg);
                    }
                }
            });
        }

    </script>



</head>
<body>
<div class="container-fluid">
    <div class="bg-header ">
        <!--<div container id="particles-js"></div>-->
    </div>
    <div class="login-wrap">
        <div class="login-header">
            <div class="login-title">医疗资质授权准入及分级管理平台</div>
        </div>
        <div class="login-main">
            <!--<div class="tab-top">
                <ul>
                    <li><a>登录</a></li>
                    <li><a class="active">注册</a></li>
                </ul>
            </div>-->
            <form class="login-form" method="post" id="loginForm">
                <div class="form-main">
                    <div class="denglu-main">
                        <div class="form-group form-group-1">
                            <div>登录账号</div>
                            <div class="user-wrap">
                                <span class="icon-user glyphicon glyphicon-user"></span>
                                <div class="line"></div>
                                <input class="user form-control" id="userName" type="text" name="username" value="${username}" placeholder="填写您的用户名">
                            </div>
                        </div>
                        <div style="height: 10px;">&nbsp;</div>
                        <div class="form-group form-group-2">
                            <div>密码</div>
                            <div class="pwd-wrap">
                                <span class="icon-pwd glyphicon glyphicon-lock"></span>
                                <div class="line"></div>
                                <input class="pwd form-control" type="password" name="password" value="${password}" placeholder="填写您的密码">
                            </div>
                        </div>
                        <div class="form-group form-group-3">
                            <label><input class="checkbox" type="checkbox" id="rememberMe" name="rememberMe">记住自己</label>
                        </div>
                        <div class="form-group form-group-4">
                            <input class="btn btn-block btn-primary" style="font-weight: normal; font-size: 18px;" type="button"  onclick="login();"value="登 录">
                        </div>
                        <%--<div class="form-group form-group-5">--%>
                            <%--<a class="zhuce-btn" type="button" data-toggle="modal" data-target="#myModal">用户注册</a>--%>
                        <%--</div>--%>
                    </div>
                </div>
                <input type="hidden" name="client" value=${client}/>
                <input type="hidden" name="syscode" value=${syscode} />
                <input type="hidden" name="sysname" value=${sysname} />
            </form>
        </div>

        <div class="login-footer">
            <div class="logo-footer">
                <p><i style="color:#ae1e23">D</i><i style="color:#2b2c2b">d</i><i style="color:#e3a832">a</i><i style="color:#2b2c2b">t</i><i style="color:#3c8dc3">a</i></p>
                <p>雕&nbsp;龙&nbsp;数&nbsp;据</p>
            </div>
            <!--<img class="dl-logo" src="./img/diaolong-logo.svg">-->
            <p class="dl-inc">武汉雕龙医疗数据服务股份有限公司</p>
        </div>
    </div>
</div>
<!--立即注册-->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" style="mrgin-top:176px;">
    <div class="modal-dialog" role="document" style="width:560px;margin-top: 160px;">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title"style="color:#3f9ae2">用户注册</h4>
            </div>
            <div class="modal-body">
                <div class="zhuce-main">
                    <div class="form-group form-group-1">
                        <label>医院名称:</label>
                        <div class="user-wrap">

                            <span class="icon-user img-name"><img src="img/office.png"/></span>
                            <!--<div class="line"></div>-->
                            <input class="user form-control" type="text" placeholder="填写您的医院名称">

                        </div>
                        <span class="color-red">医院名称不能为空</span>
                    </div>
                    <div class="form-group form-group-2">
                        <label>姓&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;名:</label>
                        <div class="pwd-wrap">

                            <span class="icon-pwd glyphicon glyphicon-user"></span>
                            <!--<div class="line"></div>-->
                            <input class="pwd form-control" type="text" placeholder="填写您的姓名">
                        </div>
                        <span class="color-red">姓名不能为空</span>
                    </div>
                    <div class="form-group form-group-2">
                        <label>手&nbsp;机&nbsp;号&nbsp;:</label>
                        <div class="pwd-wrap">

                            <span class="icon-pwd glyphicon glyphicon-phone"></span>
                            <!--<div class="line"></div>-->
                            <input class="pwd form-control" type="text" placeholder="填写您的手机号">
                        </div>
                        <span class="color-red">登录账号不能为空</span>
                    </div>
                    <div class="form-group form-group-2">
                        <label>密&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;码:</label>
                        <div class="pwd-wrap">

                            <span class="icon-pwd glyphicon glyphicon-lock"></span>
                            <!--<div class="line"></div>-->
                            <input class="pwd form-control" type="password" placeholder="填写您的密码">
                        </div>
                        <span class="color-red">密码不能为空</span>
                    </div>
                    <!--<div class="form-group form-group-3">
                                                <label><input class="checkbox" type="checkbox">记住自己</label>
                                            </div>-->
                    <!--<div class="form-group form-group-4">
                        <input class="btn btn-block btn-primary lijizhuce" style="font-weight: normal;background:#f5f5f5; font-size: 18px;" type="submit" value="立即注册">
                    </div>-->

                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                <button type="button" class="btn btn-primary">立即注册</button>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal-dialog -->
</div><!-- /.modal -->

</body>
<script src="plug-in/js/particles.js"></script>
<script src="plug-in/js/app.js"></script>
<script>

    //	$('.zhuce-btn').click(function(){
    //		alert(1);
    //		$('.zhuce-main').removeClass('hide');
    //		$('.denglu-main').addClass('hide');
    //	})
    //	$('.denglu-btn').click(function(){
    //		alert(2);
    //		$('.zhuce-main').addClass('hide');
    //		$('.denglu-main').removeClass('hide');
    //	})
</script>
</html>